import * as antdvIcons from '@ant-design/icons-vue'
import mitt from "mitt";
//import config from './config'
import tool from './utils/tool.js'
import { hasPerm } from './utils/hasPerm.js'
import { hasRole, hasAddRole, hasEditRole, hasDeleteRole } from '@/utils/hasRole.js'

import errorHandler from './utils/errorHandler.js'
import customIcons from './assets/icons/index.js'
import 'highlight.js/styles/atom-one-dark.css'
import hljsCommon from 'highlight.js/lib/common'
import hljsVuePlugin from '@highlightjs/vue-plugin'
import STable from './components/Table/index.vue'
import MTable from './components/MTable/index.vue'
import Ellipsis from './components/Ellipsis/index.vue'
import DragModal from './components/DragModal/index.vue'
export default {
	install(app) {
		// 挂载全局对象
		//	app.config.globalProperties.$CONFIG = config
		app.config.globalProperties.$TOOL = tool
		app.config.globalProperties.hasPerm = hasPerm
		app.config.globalProperties.hasRole = hasRole
		app.config.globalProperties.hasAddRole = hasAddRole
		app.config.globalProperties.hasEditRole = hasEditRole
		app.config.globalProperties.hasDeleteRole = hasDeleteRole
		app.config.globalProperties.$bus = mitt();

		// 注册常用组件
		app.component('STable', STable)
		app.component('MTable', MTable)
		app.component('Ellipsis', Ellipsis)
		app.component('DragModal', DragModal)

		// 统一注册antdv图标
		for (const icon in antdvIcons) {
			app.component(icon, antdvIcons[icon])
		}
		// 统一注册自定义全局图标
		app.use(customIcons)
		// 注册代码高亮组件 （博客：https://blog.csdn.net/weixin_41897680/article/details/124925222）
		// 注意：解决Vue使用highlight.js build打包发布后样式消失问题，原因是webpack在打包的时候没有把未被使用的代码打包进去，因此，在此处引用一下，看似无意义实则有用
		hljsCommon.highlightAuto('<h1>Highlight.js has been registered successfully!</h1>').value
		app.use(hljsVuePlugin)

		// 全局代码错误捕捉
		//app.config.errorHandler = errorHandler
	}
}
